<div class="box-title">
  <span>{{ title }}</span>
  <span>{{ itmeData }}</span>
</div>

<div>
  <apes-steps *ngFor="let step of itemList">
    <apes-step *ngFor="let item of step.items"
               [apesStatus]="item.status"
               [apesTitle]="item.title"
               [apesDescription]="item.Description"
               [apesType]="item.type"></apes-step>
  </apes-steps>
</div>

<div class="test11">
  <ag-grid-angular #grid
                   class="ag-theme-balham"
                   enableColResize="true"
                   enableSorting="true"
                   enableFilter="true"

                   suppressLoadingOverlay="true"

                   [rowData]="rowData"
                   [gridOptions]="gridOptions"
                   [rowClassRules]="rowClassRules"
                   [columnDefs]="titleList"
                   [domLayout]="domLayout">
  </ag-grid-angular>
</div>




